<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Register</title>
    <style>
        .error {
            background-color: #ffcccc;
            border: 2px solid red;
        }
    </style>
</head>
<body>
<h1>Register Page</h1>
<form method="POST" commandName="spitter">
    <sf:errors path="*" element="div" cssClass="error"/>
    <sf:label path="firstName" cssErrorClass="error">FirstName</sf:label>
    <sf:input path="firstName" autocomplete="false"/>
    <%--
    <sf:errors path="firstName" cssClass="error"/>
    --%>
    <br/>
    <sf:label path="lastName" cssErrorClass="error">LastName</sf:label>
    <sf:input path="lastName" autocomplete="false"/>
    <%--
    <sf:errors path="lastName" cssClass="error"/>
    --%>
    <br/>
    <sf:label path="email" cssErrorClass="error">Email</sf:label>
    <sf:input path="email" autocomplete="false"/>
    <%--
    <sf:errors path="email" cssClass="error"/>
    --%>
    <br/>
    <sf:label path="userName" cssErrorClass="error">UserName</sf:label>
    <sf:input path="userName" autocomplete="false"/>
    <%--
    <sf:errors path="userName" cssClass="error"/>
    --%>
    <br/>
    <sf:label path="password" cssErrorClass="error">Password</sf:label>
    <sf:password path="password" autocomplete="false"/>
    <%--
    <sf:errors path="password" cssClass="error"/>
    --%>
    <br/>
    <input type="submit" value="Register"/>
</form>

</body>
</html>
